.page-moveScale {
	-webkit-animation: moveScale .8s ease both;
	animation: moveScale .8s ease both;
}

.page-moveToTop {
	-webkit-animation: moveToTop .6s ease both;
	animation: moveToTop .6s ease both;
}

.page-moveToBottom {
	-webkit-animation: moveToBottom .6s ease both;
	animation: moveToBottom .6s ease both;
}
.page-moveFromLeft {
	-webkit-animation: moveFromLeft .6s ease both;
	animation: moveFromLeft .6s ease both;
}

.page-moveFromRight {
	-webkit-animation: moveFromRight .6s ease both;
	animation: moveFromRight .6s ease both;
}

.page-moveFromTop {
	-webkit-animation: moveFromTop .6s ease both;
	animation: moveFromTop .6s ease both;
}

.page-moveFromBottom {
	-webkit-animation: moveFromBottom .6s ease both;
	animation: moveFromBottom .6s ease both;
}

.page-moveFromBottomFade {
	-webkit-animation: moveFromBottomFade .7s ease both;
	animation: moveFromBottomFade .7s ease both;
}

/*  iconUp & circle */
.page-moveIconUp {
	-webkit-animation: moveIconUp ease 1.5s both infinite;
	animation: moveToBottom ease 1.5s both infinite;
}

.page-moveCircle {
	-webkit-animation: moveCircle ease-in-out 1.2s both;
	animation: moveCircle ease-in-out 1.2s both;
}


/********************************* keyframes **************************************/

/* move from / to  */

@-webkit-keyframes moveScale {
	from { opacity: 0; -webkit-transform: scale(0.5,0.5); }
	to { }
}
@keyframes moveScale {
	from { opacity: 0; transform: scale(0.5,0.5); }
	to { }
}
@-webkit-keyframes moveFromLeft {
	from {opacity: 0; -webkit-transform: translateX(-200%); }
}
@keyframes moveFromLeft {
	from {opacity: 0; transform: translateX(-200%); }
}

@-webkit-keyframes moveFromRight {
	from { opacity: 0; -webkit-transform: translateX(200%); }
}
@keyframes moveFromRight {
	from { opacity: 0; transform: translateX(200%); }
}

@-webkit-keyframes moveFromTop {
	from { -webkit-transform: translateY(-100%); opacity: 0; }
}
@keyframes moveFromTop {
	from { transform: translateY(-100%); opacity: 0; }
}

@-webkit-keyframes moveFromBottom {
	from {opacity: 0; -webkit-transform: translateY(100%); }
}
@keyframes moveFromBottom {
	from {opacity: 0; transform: translateY(100%); }
}

@-webkit-keyframes moveToTop {
	from { }
	to { -webkit-transform: translateY(-100%); }
}
@keyframes moveToTop {
	from { }
	to { transform: translateY(-100%); }
}
@-webkit-keyframes moveToBottom {
	from { }
	to { -webkit-transform: translateY(100%); }
}
@keyframes moveToBottom {
	from { }
	to { transform: translateY(100%); }
}

@-webkit-keyframes moveIconUp {
	0% { -webkit-transform: translateY(100%); opacity:0;}
	50% { -webkit-transform: translateY(0%); opacity:1;}
	100% { -webkit-transform: translateY(-100%); opacity:0;}
}
@keyframes moveIconUp {
	0% { transform: translateY(100%); opacity:0;}
	50% { transform: translateY(0%); opacity:1;}
	100% { transform: translateY(-100%); opacity:0;}
}

@-webkit-keyframes moveCircle {
	0% { -webkit-transform: translateY(-80%);-webkit-opacity:0;}
	5% { -webkit-transform: translateY(-80%);-webkit-opacity:0.3;}
	35% { -webkit-transform: translateY(10%);-webkit-opacity:1;}
	60% { -webkit-transform: translateY(-13%);}
	65% { -webkit-transform: translateY(-13%);}
	100% { -webkit-transform: translateY(0%);}
}

@keyframes moveCircle {
	0% { transform: translateY(-80%);opacity:0;}
	5% { transform: translateY(-80%);opacity:0.3;}
	35% { transform: translateY(10%);opacity:1;}
	60% { transform: translateY(-13%);}
	65% { transform: translateY(-13%);}
	100% { transform: translateY(0%);}
}
@-webkit-keyframes moveFromBottomFade {
	from { opacity: 0; -webkit-transform: translateY(200%); }
}
@keyframes moveFromBottomFade {
	from { opacity: 0; transform: translateY(200%); }
}
/* animation delay classes */

.page-delay100 {
	-webkit-animation-delay: .1s;
	animation-delay: .1s;
}
.page-delay200 {
	-webkit-animation-delay: .2s;
	animation-delay: .2s;
}
.page-delay300 {
	-webkit-animation-delay: .3s;
	animation-delay: .3s;
}
.page-delay400 {
	-webkit-animation-delay: .4s;
	animation-delay: .4s;
}
.page-delay500 {
	-webkit-animation-delay: .5s;
	animation-delay: .5s;
}
.page-delay600 {
	-webkit-animation-delay: .6s;
	animation-delay: .6s;
}
.page-delay700 {
	-webkit-animation-delay: .7s;
	animation-delay: .7s;
}
.page-delay800 {
	-webkit-animation-delay: .8s;
	animation-delay: .8s;
}
.page-delay900 {
	-webkit-animation-delay: .9s;
	animation-delay: .9s;
}
.page-delay1000 {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}
.page-delay1200 {
	-webkit-animation-delay: 1.2s;
	animation-delay: 1.2s;
}
.page-delay1500 {
	-webkit-animation-delay: 1.5s;
	animation-delay: 1.5s;
}